<template>
  <div>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
   
  </div>
</template>

<script>
import { Button } from 'vant';
import {banner} from "../request/http"

export default {
  name: 'HelloWorld',
  components:{
    [Button.name]:Button
  },
  props: {
    msg: String
  },
  methods:{
    getBanner(){
      banner()
        .then((res)=>{
          console.log(res)
      })
    }
  },
  created(){
    this.getBanner()
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style  lang="scss" scoped>


</style>
